<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/common.css" rel="stylesheet"  type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<Link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/Fliter.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.1.8.2.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="js/common_js.js" type="text/javascript"></script>
<script src="js/footer.js" type="text/javascript"></script>
<script src="js/layer/layer.js" type="text/javascript"></script>
<script src="js/Filter.js" type="text/javascript"></script>
<title>汽车列表</title>
</head>

<body>
</div>
<!--栏目-->
<div class="header relative clearfix">

     <ul class="menu_list">
      <li><a href="index.html" class="menu_name">首页</a></li>
      <li><a href="cars_list.html" class="menu_name">选车</a></li>
      
      <li><a href="新闻.html" class="menu_name">新闻</a></li>
      <li><a href="../MenDianController/selemodianqian" class="menu_name">门店</a></li>
         <li><a href="zhaoping.html" class="menu_name">招聘</a></li>
      </ul>
      
   </div>

<!--汽车列表-->
<div class="pages_style">
<div class="page clearfix">
 <div class="marginsx20">
 
 <div class="left_filter">
 
   <!--分类--> 
   <div class="classification Brand_selection">
     <div class="title_name">销售品牌(按字母) <a href="品牌.html" class="Brand_link">全部</a></div>
     <div id="Brandselectbox" class="clearfix sideMenu" >
      <div class="Menu_list">
       <div class="name">
       <div class="Menu_name"><a href="#" >A</a></div>
        <ul class="link_name">
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_01.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_02.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_03.png" width="45px;"/></span>大众</a>
         <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_04.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_05.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_06.png" width="45px;"/></span>大众</a>
         <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_07.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_08.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_03.png" width="45px;"/></span>大众</a>
         <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_01.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_02.png" width="45px;"/></span>大众</a>
        <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_03.png" width="45px;"/></span>大众</a>
        </ul>
      </div>
         <div class="name">
       <div class="Menu_name"><a href="#" >B</a></div>
        <ul class="link_name">
       <a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_03.png" width="45px;"/></span>大众</a>
        </ul>

      </div>
         <div class="name">
       <div class="Menu_name"><a href="#" >C</a></div>
        <ul class="link_name"><a href="#" class="Brand_link_name"><span class="Brand_logo"><img src="images/logo/icon_logo_03.png" width="45px;"/></span>大众</a></ul>

      </div>
     
      </div>
      </div>
   </div >
  <script type="text/javascript">
			jQuery(".sideMenu").slide({
				titCell:".Menu_name", //鼠标触发对象
				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
				effect:"slideDown", //targetCell下拉效果
				trigger:"click",
				defaultIndex:0,
				triggerTime:150, //鼠标延迟触发时间（默认150）
				defaultPlay:true,//默认是否执行效果（默认true）
				returnDefault:false //鼠标从.sideMen移走后返回默认状态（默认false）
				});
		</script>
   <div class="classification car_dynamic">
    <div class="title_name"><em class="fa fa-car"> </em>最新汽车动态</div>
     <ul>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
      <li><em class="icon_quan"></em><a href="#">车损无法找到第三方责任险</a></li>
     </ul>
   </div>
   <div class="classification">
     <a href="#"><img src="images/ad_1.jpg"  width="248px" height="248px"/></a>
   </div>
 </div>
 <div class="right_cars_list">
 <!--条件筛选-->
 <div class="Filter">
    <div id="demo5"></div>
    <div id="demo6"></div>
    <div id="demo7"></div>
    <div id="demo9"></div>
</div>
 <!-- <div class="Filter">
  <div class="Filter_list clearfix">
   <div class="Filter_title"><span>车型：</span></div>
   <div class="Filter_Entire"><a href="#">全部</a></div>
   <div class="p_f_name">
    <a href="#">两厢轿车</a>     
   <a href="#">三厢轿车</a>  
   <a href="#">SUV</a>
   <a href="#">面包车</a>
   <a href="#">MPV</a>
   <a href="#">跑车</a>
   <a href="#">微型车</a> 
   </div>
  </div>
  <div class="Filter_list clearfix">
  <div class="Filter_title"><span>产地：</span></div>
  <div class="Filter_Entire"><a href="#">全部</a></div>
  <div class="p_f_name">
   <a href="#">国产</a>     
   <a href="#">进口</a>     
  </div>
  </div>
  <div class="Filter_list clearfix">
  <div class="Filter_title"><span>档位：</span></div>
  <div class="Filter_Entire"><a href="#">全部</a></div>
  <div class="p_f_name">
  <a href="#">手动挡</a><a href="#">自动挡</a><a href="#">手自一体</a>
  </div>
  </div>
  <div class="Filter_list clearfix">
  <div class="Filter_title"><span>价格：</span></div>
  <div class="Filter_Entire"><a href="#">全部</a></div>
  <div class="p_f_name">
    <a href="#">0万-5万</a><a href="#">5-15万</a><a href="#">15万-20万</a><a href="#">25万-50万</a><a href="#">50万以上</a>
  </div>
  </div>
 </div>-->
  <div class="cars_list">
   <div class="Sorted">
    <div class="Sorted_style">
     <a href="#" class="on">综合&nbsp;<i class="fa fa-chevron-down"></i></a>
     <a href="#">销量&nbsp;<i class="fa fa-chevron-down"></i></a>
     <a href="#">价格&nbsp;<i class="fa fa-chevron-down"></i></a>
     <a href="#">新品&nbsp;<i class="fa fa-chevron-down"></i></a>
     </div>
     <div class="Price_search">
       搜索价格：<input name="" type="text"  class="add_Price" placeholder="￥"/>至<input name="" type="text"  class="add_Price" placeholder="￥"/>
       <input name="input" type="button"  class="btn Search_Submit" value="搜索"/>
     </div>
     <!--页数-->
      <div class="s_Paging"><span> 1/12</span><a href="#" class="on">&lt;</a><a href="#">&gt;</a></div>
    </div>
  </div>
   <!--产品列表-->
   <div class="p_car_list clearfix marginsx">
    <ul class="">
     <li class="gl-item">
	<div class="Borders">
     <span class="car_Origin">进口车</span>
	 <div class="img"><a href="yuyue.html"><img src="images/products/2.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>32.29万</b><span>40.34万</span></div>
	 <div class="name"><a href="#" title="【汽车销售自营】Mustang（野马）2016款 2.3T美规自动挡标配">【车商城自营】Mustang（野马）2016款 2.3T美规自动挡标配</a></div>
     <div class="carbox-tip" title="车商城自营现车，可提供3年或10万公里整车质保，4S店支持维修保养，订金：4999元。">车商城自营现车，可提供3年或10万公里整车质保，4S店支持维修保养，订金：4999元。</div>
	 <div class="Review">已有<a href="#">2345</a>购买记录</div>	
	 </div>
	</li>
         <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/3.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>10.29万</b><span>12.34万</span></div>
	 <div class="name"><a href="#"  title="英朗  2016款 15N 自动精英型">英朗  2016款 15N 自动精英型</a></div>
     <div class="carbox-tip" title="【首付低至6800元，月供最低至666元】4门5座三厢车 1.5L 114马力 行车电脑显示屏 ISOFIX儿童座椅接口 #订金99，24小时支付有效#">
                    【首付低至6800元，月供最低至666元】4门5座三厢车 1.5L 114马力 行车电脑显示屏 ISOFIX儿童座椅接口 #订金99，24小时支付有效#
                </div>
	 <div class="Review">已有<a href="#">2345</a>购买记录</div>	
	 </div>
	</li>
    <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/5.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/6.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/7.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/8.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/1.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/2.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
     <li class="gl-item">
	<div class="Borders">
	 <div class="img"><a href="#"><img src="images/products/9.jpg" style="width:220px;height:165px"></a></div>
	 <div class="Price"><em>￥</em><b>14.24万</b><span>18.34万</span></div>
	 <div class="name"><a href="#" title="广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版">广汽传祺 传祺GS4 2017款 235T 自动两驱豪华智联版</a></div>
     <div class="carbox-tip" title="【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#">
           【首付仅需1.4万，月供最低至666元】360度全车影像，运动型时尚外观1.5T 152马力 L4，5门5座SUV #订金99，24小时支付有效#
          </div>
	 <div class="Review">已有<a href="#">2345</a>评论</div>	
	 </div>
	</li>
    </ul>
    <!--购物车为空时的样式-->
 <!--<div class="empty_style">
      <p><img src="images/icon_empty.png" /></p>
      <h2>商品列表为空，你查找的商不存在，请从新查找，</h2>
      <p class="pddl_operating clearfix">
       <a href="login.html" class="btn btn_bule radius">登录</a>
       <a href="registered.html" class="btn  btn_red radius ">注册</a>
      </p>
     </div>-->
    <!--分页样式-->
    <div class="Paging">
     <a href="#" class="pn-prev disabled">&lt;上一页</a>
	 <a href="#" class="on">1</a>
	 <a href="#">2</a>
	 <a href="#">3</a>
	 <a href="#">4</a>
	 <a href="#">下一页&gt;</a>
	 <a href="#">尾页</a>
	<span class="p-skip"><em>共<b>232</b>页&nbsp;&nbsp;到第</em><input id="page_jump_num" value="1" onkeydown="javascript:if(event.keyCode==13){page_jump();return false;}" class="input-txt"><em>页</em><a href="javascript:page_jump();" class="btn btn-default">确定</a></span>
   </div>
   </div>
 </div>
 </div>
</div>
</div>
<!--底部样式-->
<!--优势-->
<div class="Advantage_style">
 <div class="footerbox">
  <ul class="clearfix">
   <li class="clearfix ensure_name">
    <div class="left_icon"><img src="images/icon_img_17.png" /></div>
    <div class="right_content">
     <h3>全程购物安全保障</h3>
     <h4>用户消费，资金安全</h4>
    </div>
   </li>
    <li class="clearfix ensure_name">
    <div class="left_icon"><img src="images/icon_img_07.png" /></div>
    <div class="right_content">
     <h3>专业汽车销售平台</h3>
     <h4>实体汽车销售企业</h4>
    </div>
   </li>
    <li class="clearfix ensure_name">
    <div class="left_icon"><img src="images/icon_img_09.png" /></div>
    <div class="right_content">
     <h3>获得相关认证授权</h3>
     <h4>保险,汽车销售许可</h4>
    </div>
   </li>
    <li class="clearfix ensure_name">
    <div class="left_icon"><img src="images/icon_img_11.png" /></div>
    <div class="right_content">
     <h3>24小时服务热线</h3>
     <h4>有问题实时沟通联系</h4>
    </div>
   </li>
  </ul>
 </div>
</div>
<!--底部样式-->
<div class="footer">
 <div class="footerbox clearfix" >
  <div class="server_box clearfix">
   <dl>
    <dt>关于我们</dt>
    <dd><a href="#">网站介绍</a></dd>
    <dd><a href="#">汽车销售</a></dd>
    <dd><a href="#">官方微信</a></dd>
    <dd><a href="#">联系我们</a></dd>
    <dd><a href="#">名称</a></dd>
   </dl>
   <dl>
    <dt>服务承诺</dt>
    <dd><a href="#">免手续费</a></dd>
    <dd><a href="#">超长质保</a></dd>
    <dd><a href="#">协助服务</a></dd>

   </dl><dl>
    <dt>支付方式</dt>
    <dd><a href="#">支付宝</a></dd>
    <dd><a href="#">微信支付</a></dd>
    <dd><a href="#">银联支付</a></dd>
    <dd><a href="#">支付步骤</a></dd>
   </dl>
  </div>
  <div class="weixin_style">
   <div class="sys_style"><img src="images/waixin.png"  width="100px"/><h5>微信公众号</h5></div>
    <div class="sys_style"><img src="images/waixin.png"  width="100px"/><h5>微信公众号</h5></div>
  </div> 
  <div class="footer_phone"><img src="images/phone.png" /></div> 
 </div>
 <div class="Copyright">
 <div class="footerbox">
 保险业务经营许可证：2609570xxxx0800 xxxxxxxxxx有限公司：440301105759096 粤ICP备1xxxxxxxx号<br /> Copyright ©2006-2017 汽车销售汽车服务平台版权所有
 </div> 
 </div>
</div>
<!--浮动图层-->
 <!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
    <li class="fixeBoxLi cart_bd" style="display:block;" >
		<p class="good_cart">0</p>
	  <span class="fixeBoxSpan"></span> <strong>购物车</strong></li>
    <li class="fixeBoxLi Service startWork"> <span class="fixeBoxSpan"></span> <strong>在线客服</strong>
      <div class="ServiceBox">
        <div class="bjfff"></div>
        	        		        <dl onclick="javascript:;">
		          <dt><img src="images/Service1.png" width="70px"></dt>
		          <dd> <strong>QQ客服1</strong>
		            <p class="p1">9:00-22:00</p>
		            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
	        </div>
    </li>
    <li class="fixeBoxLi cart_bd erwim" style="display:block;" id="cartboxs">
			<span class="fixeBoxSpan"></span> <strong>微信</strong>         
			<div class="cartBox"> <div class="bjfff"></div>
       		<img src="images/waixin.png"  width="140px"/> <h4 style=" margin:10px 0px; color:#666; font-weight:normal">汽车销售微信公众号</h4></div></li>
    <li class="fixeBoxLi Home"> <a href="index.html"> <span class="fixeBoxSpan"></span> <strong>返回首页</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</body>
</html>
<script>
/*********搜索*********/
function submit_btn(){
	 $(".Search input[type$='text']").each(function(n){
		  if($(this).val()=="")
          {
               
			   layer.alert("搜索框不能为空！",{
                title: '提示框',				
				icon:0,								
          }); 		    
            return false;            
          } 
		 else{
			 location.href="搜索.html";
			 
			 }
		 })		
}
/******************/
var data=[
    {
        "id": 1,
        "text": '两厢轿车'
    },
    {
        "id": 2,
        "text": '三厢轿车'
    },
    {
        "id": 3,
        "text": 'suv'
    },
    {
        "id": 4,
        "text": '跑车'
    },
	{
        "id": 5,
        "text": '轻型车'
    },
	{
        "id": 6,
        "text": 'MPV'
    },
	{
        "id": 7,
        "text": '微面'
    },
	{
        "id": 8,
        "text": '皮卡'
    },
	{
        "id": 9,
        "text": '跑车'
    },
	{
        "id": 10,
        "text": '跑车'
    }]

  	 $('#demo5').comboboxfilter({
        url: '',
		scope: 'FilterQuery3',
		unlimitText:'全部',
		text:'车型：',
		data:data,
		multiple: true,
		onChange:function(newValue){
		$('#demo_value').val(newValue);
		}
    });
  $('#demo6').comboboxfilter({
        url: '',
		scope: 'FilterQuery3',
		unlimitText:'全部',
		text:'产地：',
		multiple: true,
		data:data,
		onChange:function(newValue){
		$('#demo_value').val(newValue);
		}
    });
	 $('#demo7').comboboxfilter({
        url: '',
		scope: 'FilterQuery3',
		unlimitText:'全部',
		text:'档位：',
		multiple: true,
		data:data,
		onChange:function(newValue){
		$('#demo_value').val(newValue);
		}
    });
	 $('#demo9').comboboxfilter({
        url: '',
		scope: 'FilterQuery3',
		unlimitText:'全部',
		text:'价格：',
		multiple: true,
		data:data,
		onChange:function(newValue){
		$('#demo_value').val(newValue);
		}
    });
</script>
